<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/sistema/template/template.xhtml" xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

	<ui:define name="corpo">

		<h1>
			<h:outputLabel id="TITULO_PAGINA" value="#{aplicacaoMB.tituloPagina}" />
		</h1>

		<p:fieldset id="FILDSET_FILTROS">

			<h:panelGrid id="PANEL_FORM_PRINCIPAL" columns="2" columnClasses="coluna_label">

				<p:outputLabel id="LABEL_NOME_APP" value="#{label.manutencao_aplicacao_nome}:" styleClass="coluna_label" for="FIELD_NOME_APP" />
				<p:inputText id="FIELD_NOME_APP" label="#{label.manutencao_aplicacao_nome}" required="#{aplicacaoMB.editando}" size="70"
					value="#{aplicacaoMB.model.nome}" />

				<p:outputLabel id="LABEL_SIGLA_APP" value="#{label.manutencao_aplicacao_sigla}:" styleClass="coluna_label" for="FIELD_SIGLA_APP" />
				<p:inputText id="FIELD_SIGLA_APP" label="#{label.manutencao_aplicacao_sigla}" required="#{aplicacaoMB.editando}"
					value="#{aplicacaoMB.model.sigla}" />

				<p:outputLabel id="LABEL_STATUS_APP" value="#{label.manutencao_aplicacao_status}:" styleClass="coluna_label" for="FIELD_STATUS_APP" />
				<p:selectOneRadio id="FIELD_STATUS_APP" label="#{label.manutencao_aplicacao_status}" required="#{aplicacaoMB.editando}"
					value="#{aplicacaoMB.model.status}">
					<f:selectItems value="#{aplicacaoMB.selectItemStatus}" />
				</p:selectOneRadio>
				
				<p:outputLabel id="LABEL_MAP_COMP_APP" value="#{label.manutencao_aplicacao_mapeamento_componentes}" styleClass="coluna_label" for="FIELD_MAP_COMP_APP" />
				<p:selectOneRadio id="FIELD_MAP_COMP_APP" label="#{label.manutencao_aplicacao_mapeamento_componentes}"
					value="#{aplicacaoMB.model.mapeamentoComponentesAtivado}" >
					<f:selectItems value="#{aplicacaoMB.selectItemSimNao}" />
				</p:selectOneRadio>
				
				<p:column id="COLUNM_1">
					<p:spacer id="SPACER_1" rendered="#{!aplicacaoMB.editando}" height="70" />
				</p:column>

				<p:column id="COLUMN_BOTOES_CONSULTA">
					<p:commandButton id="BOTAO_PESQUISAR" value="#{label.sistema_pesquisar}" update="DATATABLE_RESULTADO" actionListener="#{aplicacaoMB.pesquisar}"
						rendered="#{!aplicacaoMB.editando}" />

					<p:commandButton id="BOTAO_RESET" value="#{label.sistema_limpar_campos}" actionListener="#{aplicacaoMB.cancelar}" update="PANEL_FORM_PRINCIPAL"
						rendered="#{!aplicacaoMB.editando}" immediate="true" process="@this">
						<p:resetInput target="PANEL_FORM_PRINCIPAL" />
					</p:commandButton>
				</p:column>

			</h:panelGrid>

		</p:fieldset>

		<p:spacer id="SPACER_2" height="30" />

		<h:panelGrid id="PANEL_DATATABLE" styleClass="panel-data-table">

			<p:dataTable id="DATATABLE_RESULTADO" emptyMessage="#{label.sistema_tabela_filtro_vazia}" rendered="#{!aplicacaoMB.editando}" var="item"
				value="#{aplicacaoMB.modelList}" selection="#{aplicacaoMB.modelSelected}" selectionMode="single" rowKey="#{item}" paginator="true"
				paginatorPosition="bottom" rows="10">

				<p:column id="DATA_COLUMN_NOME" headerText="#{label.manutencao_aplicacao_nome}" sortBy="#{item.nome}">
					<h:outputText id="DATA_COLUMN_NOME_LBL" value="#{item.nome}" />
				</p:column>

				<p:column id="DATA_COLUMN_SIGLA" headerText="#{label.manutencao_aplicacao_sigla}" sortBy="#{item.sigla}">
					<h:outputText id="DATA_COLUMN_SIGLA_LBL" value="#{item.sigla}" />
				</p:column>

				<p:column id="DATA_COLUMN_STATUS" headerText="#{label.manutencao_aplicacao_status}" sortBy="#{item.status}">
					<h:outputText id="DATA_COLUMN_STATUS_LBL" value="#{aplicacaoMB.getStatusFormatter(item.status)}" />
				</p:column>

				<p:ajax event="rowUnselect" update=":FORMULARIO_PRINCIPAL:PANEL_BOTOES_ACOES" />
				<p:ajax event="rowSelect" update=":FORMULARIO_PRINCIPAL:PANEL_BOTOES_ACOES" />

			</p:dataTable>

		</h:panelGrid>

		<p:spacer id="SPACER_3" height="20" />

		<h:panelGrid id="PANEL_BOTOES_ACOES" styleClass="panel-botoes">

			<p:column id="COLUMN_ACOES">

				<p:commandButton id="BOTAO_PRINC_NOVO" value="#{label.sistema_novo}" actionListener="#{aplicacaoMB.novoItem}" immediate="true" update="@form"
					process="@this" rendered="#{!aplicacaoMB.editando}" />

				<p:commandButton id="BOTAO_PRINC_SALVAR" value="#{label.sistema_salvar}" actionListener="#{aplicacaoMB.salvar}" update="@form"
					rendered="#{aplicacaoMB.editando}" />

				<p:commandButton id="BOTAO_PRINC_CANCELAR" value="#{label.sistema_cancelar}" actionListener="#{aplicacaoMB.cancelar}" update="@form"
					rendered="#{aplicacaoMB.editando}" immediate="true" process="@this">
					<p:resetInput target="PANEL_FORM_PRINCIPAL" />
				</p:commandButton>

				<p:commandButton id="BOTAO_PRINC_EDITAR" value="#{label.sistema_editar}" disabled="#{empty aplicacaoMB.modelSelected.codigo}"
					rendered="#{!aplicacaoMB.editando}" actionListener="#{aplicacaoMB.editar}" update="@form" process="@this" />

				<p:commandButton id="BOTAO_PRINC_EXCLUIR" value="#{label.sistema_excluir}" oncomplete="modalExcluir.show()" rendered="#{!aplicacaoMB.editando}"
					disabled="#{empty aplicacaoMB.modelSelected.codigo}" />

			</p:column>

		</h:panelGrid>

		<ui:include src="/sistema/componentes/popupExcluir.xhtml">
			<ui:param name="MB" value="#{aplicacaoMB}" />
		</ui:include>

	</ui:define>

</ui:composition>